<script setup>
import { computed, ref } from "vue";
import Content from "./Content.vue";
import { data } from "@/config/config";

const Platform = computed(() => data.Imformation);
const page = ref(false);
</script>
<template>
  <div class="tbox">
    <Content :Platform="Platform" v-if="page"></Content>
    <ObjectContent v-if="!page">
      <p style="color: #999;margin-top: 25px">
        <a href="">{{ '首页/' + Platform.pwd + '/' }}</a>
        <span style="color: black">{{ Platform.pwdxq }}</span>
      </p>
      <div class="Platformdiv">
        <h3 style="margin-top: 30px;">{{ Platform.moreContent.title }}</h3>
        <p style="color: #666666;margin-bottom: 25px;">{{ '发布企业：' + Platform.moreContent.qiye + ' ' + '发布日期：' +
          Platform.moreContent.time
          }}</p>
        <hr style="width: 100%;border-color: #f5f5f5;">
      </div>
      <div class="Platformcontent">
        <img src="../img/公告列表详情页/u247.png" alt="" class="aerf">
      </div>
      <span><img src="../img/公告列表详情页/u251.png">附件:<img src="../img/公告列表详情页/u252.png"><a href="">关于严格执行招标投标法规制度进一步规范招标投标主体行为的若干意见</a></span>
    </ObjectContent>
  </div>
</template>
<style>
.aerf {
  width: 100%;
}

.tbox {
  width: 85%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.Platformdiv {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: white;
  margin-top: 30px;
}
</style>